import React, { Component } from 'react'
// 条件渲染
// jsx代码中不写条件判断语句（if () {} else {}）
// jsx代码中可以写 三木运算符 & || !  ----- 表达式
// 如果一定要写 if else ，render 函数内部直接 满足条件返回不同的代码
// export default class componentName extends Component {
//   state = {
//     flag: true
//   }
//   render() {
//     return (
//       <div>
//         {
//           this.state.flag
//           ? <h1>如果为真我就显示</h1>
//           : <h1>如果为假我就显示</h1>
//         }
//       </div>
//     )
//   }
// }

export default class componentName extends Component {
  state = {
    flag: false
  }
  render() {
    if (this.state.flag) {
      return (
        <div>
          <h1>如果为真我就显示</h1>
        </div>
      )
    } else {
      return (
        <div>
          <h1>如果为假我就显示</h1>
        </div>
      )
    }
    
  }
}